body {
	color: #333;
	font-size: 11px;
	height: auto;
	padding-bottom: 20px;
	background-color: #ffffef;
}
#header {
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	height: 452px;
	z-index: -10;
}
#girl {
	position: absolute;
	height: auto;
	width: auto;
	left: 780px;
	top: -2px;
	display: none;
}
#fruit {
	position: absolute;
	height: auto;
	width: auto;
	left: 888px;
	top: -126px;
	display: none;
}



.container_header {
	margin-left: auto;
	margin-right: auto;
	width: 1167px;
	background-image: url(../images/main-visual.jpg);
	background-repeat: no-repeat;
	height: 452px;
	position: relative;
}
.container_nav {
	margin-left: auto;
	margin-right: auto;
	width: 1152px;
	background-repeat: no-repeat;
	height: 62px;
	position: relative;
	padding-top: 11px;
}

#nav {
	background-image: url(../images/bkg-navbar.png);
	background-repeat: repeat-x;
	height: 96px;
	margin-top: -60px;
	z-index: 100;
	position: relative;
	margin-bottom: 80px;
}
#nav #item1 {
	background-image: url(../images/nav.png);
	cursor: pointer;
	height: 62px;
	float: left;
	width: 210px;
	margin-left: 80px;
}
#nav #item1:hover {
	background-position: 0px -62px;
}


#nav #item2 {
	background-image: url(../images/nav.png);
	cursor: pointer;
	height: 62px;
	float: left;
	width: 155px;
	margin-left: 0px;
	background-position: -210px 0px;
}
#nav #item2:hover {
	background-position: -210px -62px;
}

#nav #item3 {
	background-image: url(../images/nav.png);
	cursor: pointer;
	height: 62px;
	float: left;
	width: 150px;
	margin-left: 0px;
	background-position: -365px 0px;
}
#nav #item3:hover {
	background-position: -365px -62px;
}

#nav #item4 {
	background-image: url(../images/nav.png);
	cursor: pointer;
	height: 62px;
	float: left;
	width: 155px;
	margin-left: 0px;
	background-position: -515px 0px;
}


#nav #item4:hover {
	background-position: -515px -62px;
}

#nav #item5 {
	background-image: url(../images/nav.png);
	cursor: pointer;
	height: 62px;
	float: left;
	width: 230px;
	margin-left: 0px;
	background-position: -670px 0px;
}
#nav #item5:hover {
	background-position: -670px -62px;
}
#notice-1 {
	position: absolute;
	height: auto;
	width: auto;
	left: 171px;
	top: 75px;
}
#bkg-rule-1 {
	position: absolute;
	height: auto;
	width: auto;
	left: 5px;
	top: 23px;
	/* [disabled]opacity: .3; */
}
#bkg-rule-2 {
	position: absolute;
	height: auto;
	width: auto;
	z-index: 50;
	left: 821px;
	top: 22px;
	/* [disabled]opacity: .3; */
}


#notice-2 {
	position: absolute;
	height: auto;
	width: auto;
	left: 174px;
	top: 78px;
}
#notice-3 {
	position: absolute;
	height: auto;
	width: auto;
	left: 325px;
	top: 73px;
}
#list-0 {
	background-image: url(../images/bkg-list-0.png);
	background-repeat: no-repeat;
	height: 1489px;
	width: 969px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 80px;
	margin-bottom: -60px;
}

.content-top {
	background-image: url(../images/bkg-content.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 969px;
	margin-left: auto;
	margin-right: auto;
}
.content-bottom {
	background-image: url(../images/bkg-content.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 969px;
	margin-left: auto;
	margin-right: auto;
	background-position: 0px -130px;
	margin-bottom: 30px;
}

.content-mid {
	background-image: url(../images/bkg-content-m.png);
	background-repeat: repeat-y;
	width: 969px;
	margin-left: auto;
	margin-right: auto;
	background-position: 0px -30px;
}
.content-mid2 {
	background-image: url(../images/bkg-content-m2.png);
	background-repeat: repeat-y;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	background-position: 0px -30px;
}
.block-0 {
	height: 452px;
	position: relative;
	width: 447px;
	float: left;
	margin-left: 20px;
	margin-bottom: 10px;
}
.block-mango  {
	background-image: url(../images/bkg-block-mango.png);
	background-repeat: no-repeat;
}
.block-kiwi {
	background-image: url(../images/bkg-block-kiwi.png);
	background-repeat: no-repeat;
}
.block-strawberry {
	background-image: url(../images/bkg-block-strawberry.png);
	background-repeat: no-repeat;
}
.block-0 .title {
	font-size: 18px;
	line-height: 20px;
	float: left;
	width: 389px;
	left: 26px;
	position: absolute;
	top: 288px;
	font-family: "微軟正黑體", sans-serif;
	font-weight: normal;
	height: 23px;
	overflow: hidden;
}
.title:hover {
	text-decoration: underline;

}
.title a:link ,    .title a:visited{
	color: #b60000;
	text-decoration: none;

}




.block-0 .recommend {
	font-size: 13px;
	color: #005eb6;
	line-height: 16px;
	float: left;
	width: 219px;
	left: 103px;
	position: absolute;
	top: 324px;
	font-family: "微軟正黑體", sans-serif;
	font-weight: normal;
	height: 52px;
}
.block-0 .pic {
	float: left;
	border: 1px solid #6d6d6d;
	left: 27px;
	position: absolute;
	top: 18px;
}
.block-0 .user-pic {
	float: left;
	border: 1px solid #5f5f5f;
	left: 26px;
	position: absolute;
	top: 321px;
}
.block-0 .userid {
	font-size: 13px;
	line-height: 13px;
	float: left;
	width: 182px;
	left: 27px;
	position: absolute;
	top: 382px;
	font-family: "微軟正黑體", sans-serif;
	font-weight: normal;
	height: 17px;
}
.userid:hover {
	color: #b01d0b;
	text-decoration: underline;
}
.userid a:link,.userid a:visited {
	color: #b01d0b;
	text-decoration: none;
}


.block-0 .stat {
	line-height: 18px;
	float: left;
	width: 89px;
	left: 27px;
	position: absolute;
	top: 407px;
}
.block-0 .stat img {
	vertical-align: central;
	margin-right: 3px;
}
.block-0 .bu-share {
	float: left;
	left: 122px;
	position: absolute;
	top: 399px;
	width: 151px;
	height: 40px;
	background-image: url(../images/bu-share.png);
	cursor: pointer;
}
.block-0 .bu-share:hover {
	background-position: 0px -40px;
}



.block-1 {
	background-image: url(../images/bkg-block-1.png);
	background-repeat: no-repeat;
	height: 344px;
	position: relative;
}


#list-1 {
	background-image: url(../images/bkg-list-1.png);
	background-repeat: no-repeat;
	height: 436px;
	width: 969px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 60px;
	margin-bottom: -60px;
}

.block-1 .title {
	font-size: 18px;
	line-height: 18px;
	float: left;
	width: 260px;
	left: 17px;
	position: absolute;
	top: 199px;
	font-family: "微軟正黑體", sans-serif;
	font-weight: normal;
}


.block-1 .recommend {
	font-size: 13px;
	color: #005eb6;
	line-height: 16px;
	float: left;
	width: 200px;
	left: 90px;
	position: absolute;
	top: 224px;
	font-family: "微軟正黑體", sans-serif;
	font-weight: normal;
}

.block-1 .pic {
	float: left;
	border: 1px solid #6d6d6d;
	left: 18px;
	position: absolute;
	top: 20px;
}

.block-1 .user-pic {
	float: left;
	border: 1px solid #5f5f5f;
	left: 16px;
	position: absolute;
	top: 220px;
}
.block-1 .userid {
	font-size: 13px;
	line-height: 13px;
	float: left;
	width: 124px;
	left: 15px;
	position: absolute;
	top: 283px;
	font-family: "微軟正黑體", sans-serif;
	font-weight: normal;
}
.block-1 .stat {
	font-size: 18px;
	color: #333333;
	line-height: 18px;
	float: left;
	width: 117px;
	left: 166px;
	position: absolute;
	top: 313px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: right;
}
.block-1 .stat img {
	vertical-align: central;
	margin-right: 3px;
}
.block-2 {
	background-repeat: no-repeat;
	height: 252px;
	position: relative;
	margin-bottom: 20px;
	background-image: url(../images/bkg-block-2.png);
}
.block-2 .title {
	font-size: 18px;
	line-height: 23px;
	float: left;
	width: 180px;
	left: 16px;
	position: absolute;
	top: 147px;
	font-family: "微軟正黑體", sans-serif;
	font-weight: normal;
	height: 42px;
}

.block-2 .pic {
	float: left;
	border: 1px solid #6d6d6d;
	left: 15px;
	position: relative;
	top: 12px;
}

.block-2 .user-pic {
	float: left;
	border: 1px solid #5f5f5f;
	left: 16px;
	position: absolute;
	top: 188px;
}
.block-2 .stat {
	font-size: 16px;
	color: #333333;
	line-height: 16px;
	float: left;
	width: 120px;
	left: 86px;
	position: absolute;
	top: 226px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: right;
}
.block-2 .stat img {
	vertical-align: central;
	margin-right: 3px;
}

#week-1 {
	background-image: url(../images/select-week.png);
	height: 54px;
	cursor: pointer;
	width: 146px;
	position: absolute;
	left: 608px;
	top: -86px;
}

#week-2 {
	background-image: url(../images/select-week.png);
	height: 54px;
	cursor: pointer;
	width: 146px;
	position: absolute;
	left: 748px;
	top: -86px;
	background-position: -146px 0px;
}
#week-1:hover {
	background-position: 0px -54px;
}
#week-2:hover {
	background-position: -146px -54px;
}








#list-2 {
	background-image: url(../images/bkg-list-2.png);
	background-repeat: no-repeat;
	height: 698px;
	width: 969px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding-top: 80px;
}
#list-2 #sort-1 {
	background-image: url(../images/sort.png);
	height: 40px;
	cursor: pointer;
	width: 115px;
	position: absolute;
	left: 692px;
	top: -76px;
}

#list-2 #sort-1:hover {
	background-position: 0px -40px;
}


#list-2 #sort-2 {
	background-image: url(../images/sort.png);
	height: 40px;
	cursor: pointer;
	width: 106px;
	position: absolute;
	left: 810px;
	top: -76px;
	background-position: -114px 0px;
}


#list-2 #sort-2:hover {
	background-position: -114px -40px;
}
p.pageNum{ padding:10px 5px; text-align:center; color:#9d9b9b; font-size:8.5pt; }
p.pageNum a{ display:inline-block; padding:3px 0px 0px; margin:0 4px; color:#9d9b9b;  line-height:20px;}
p.pageNum a img{ vertical-align:middle;}
p.pageNum a:hover, p.pageNum a.on{ color:#bd62bb; font-weight:700;}
#bu-attn {
	position: absolute;
	height: auto;
	width: auto;
	left: 380px;
	top: 885px;
	z-index: 100;
}
#ticket {
	position: absolute;
	height: auto;
	width: auto;
	left: 626px;
	top: 228px;
}
#tubes {
	position: absolute;
	height: auto;
	width: auto;
	left: 602px;
	top: 358px;
}